<template>
	<header>
		<div class="returns" @click="goBack">
			<i class="iconfont icon-fanhui"></i>
			<!-- <img src="@/assets/fanhui.png" alt="" /> -->
		</div>
		<div>
			<slot>
				<span>登录</span>
			</slot>
			
		</div>
		<div class="go-home" @click="goHome">
			<i class="iconfont icon-shouye"></i>
			<!-- <img src="@/assets/home1.png" alt="" /> -->
		</div>
	</header>
	
</template>

<script>
export default{
	methods:{
		//返回上一页
		goBack(){
			this.$router.back();
		},
		goHome(){
			this.$router.push('/home');
		}
	}
}
</script>

<style scoped>
header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 2.75rem;
	background-color: darkgreen;
	
}
header i{
	padding: 0 15px;
	color: #fff;
	font-size: 22px;
}
header img{
	/* padding: 0 0.9375rem; */
	width: 1.875rem;
	height: 1.875rem;
}
header span{
	/* padding: 0 0.9375rem; */
	color: #fff;
	font-weight: 400;
	font-size: 1.375rem;
}
</style>